<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Gallery Source</title>
<link href="../../css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body id="codesample">
<div id="wrap">
<h1>Gallery Source<span class="return"><a href="../index.html">Back to Demos</a></span> <span class="demo"><a href="index.html">Return to Gallery Demo</a></span></h1>
<div class="sample">
<pre class="codeSample">
<code>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;!-- Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. --&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; <span class="highlightedcode">xmlns:spry=&quot;http://ns.adobe.com/spry&quot;</span>&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=ISO-8859-1&quot; /&gt;
&lt;title&gt;Gallery&lt;/title&gt;
&lt;link href=&quot;../css/screen.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
<span class="highlightedcode">&lt;script type=&quot;text/javascript&quot; src=&quot;../../includes/xpath.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;../../includes/SpryData.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;../../includes/SpryEffects.js&quot;&gt;&lt;/script&gt;</span>
&lt;script type=&quot;text/javascript&quot;&gt;
<span class="highlightedcode">var dsGalleries = new Spry.Data.XMLDataSet(&quot;galleries/galleries.xml&quot;, &quot;galleries/gallery&quot;);
var dsGallery = new Spry.Data.XMLDataSet(&quot;galleries/{dsGalleries::@base}{dsGalleries::@file}&quot;, &quot;gallery&quot;);
var dsPhotos = new Spry.Data.XMLDataSet(&quot;galleries/{dsGalleries::@base}{dsGalleries::@file}&quot;, &quot;gallery/photos/photo&quot;);</span>
&lt;/script&gt;
&lt;script src=&quot;gallery.js&quot;  type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body id=&quot;gallery&quot;&gt;
&lt;noscript&gt;&lt;h1&gt;This page requires JavaScript. Please enable JavaScript in your browser and reload this page.&lt;/h1&gt;&lt;/noscript&gt;
&lt;div id=&quot;wrap&quot;&gt;
	&lt;h1 id=&quot;albumName&quot; <span class="highlightedcode">spry:region=&quot;dsGallery&quot;</span>&gt;<span class="highlightedcode">{sitename}</span> &lt;span class=&quot;return&quot;&gt;&lt;a href=&quot;../index.html&quot;&gt;Back to Demos&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;source&quot;&gt;&lt;a href=&quot;source.html&quot;&gt;View Source &lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;
	&lt;div id=&quot;previews&quot;&gt;
		&lt;div id=&quot;galleries&quot; <span class="highlightedcode">spry:region=&quot;dsGalleries&quot;</span>&gt;
		&lt;label for=&quot;gallerySelect&quot;&gt;View:&lt;/label&gt;
			&lt;select <span class="highlightedcode">spry:repeatchildren=&quot;dsGalleries&quot;</span> <span class="highlightedcode">spry:choose=&quot;choose&quot;</span> id=&quot;gallerySelect&quot; onchange=&quot;<span class="highlightedcode">dsGalleries.setCurrentRowNumber(this.selectedIndex);</span>&quot;&gt;
				&lt;option <span class="highlightedcode">spry:when=&quot;{ds_RowNumber} == {ds_CurrentRowNumber}&quot;</span> selected=&quot;selected&quot;&gt;<span class="highlightedcode">{sitename}</span>&lt;/option&gt;
				&lt;option <span class="highlightedcode">spry:default=&quot;default&quot;</span>&gt;<span class="highlightedcode">{sitename}</span>&lt;/option&gt;
			&lt;/select&gt;
		&lt;/div&gt;
		&lt;div id=&quot;controls&quot;&gt;
			&lt;ul id=&quot;transport&quot;&gt;
				&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;StopSlideShow(); AdvanceToNextImage(true);&quot; title=&quot;Previous&quot;&gt;Previous&lt;/a&gt;&lt;/li&gt;
				&lt;li class=&quot;pausebtn&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;if (gSlideShowOn) StopSlideShow(); else StartSlideShow();&quot; title=&quot;Play/Pause&quot; id=&quot;playLabel&quot;&gt;Play&lt;/a&gt;&lt;/li&gt;
				&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;StopSlideShow(); AdvanceToNextImage();&quot; title=&quot;Next&quot;&gt;Next&lt;/a&gt;&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		&lt;div id=&quot;thumbnails&quot; <span class="highlightedcode">spry:region=&quot;dsPhotos dsGalleries dsGallery&quot;</span>&gt;
			&lt;div spry:repeat=&quot;dsPhotos&quot; onclick=&quot;HandleThumbnailClick('<span class="highlightedcode">{ds_RowID}</span>');&quot; onmouseover=&quot;GrowThumbnail(this.getElementsByTagName('img')[0], '<span class="highlightedcode">{@thumbwidth}</span>', '<span class="highlightedcode">{@thumbheight}</span>');&quot; onmouseout=&quot;ShrinkThumbnail(this.getElementsByTagName('img')[0]);&quot;&gt;
				&lt;img id=&quot;tn<span class="highlightedcode">{ds_RowID}</span>&quot; alt=&quot;thumbnail for <span class="highlightedcode">{@thumbpath}</span>&quot; src=&quot;galleries/<span class="highlightedcode">{dsGalleries::@base}{dsGallery::thumbnail/@base}{@thumbpath}</span>&quot; width=&quot;24&quot; height=&quot;24&quot; style=&quot;left: 0px; right: 0px;&quot; /&gt;
			&lt;/div&gt;
			&lt;p class=&quot;ClearAll&quot;&gt;&lt;/p&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;div id=&quot;picture&quot;&gt;
		&lt;div id=&quot;mainImageOutline&quot; style=&quot;width: 0px; height: 0px;&quot;&gt;&lt;img id=&quot;mainImage&quot; alt=&quot;main image&quot; /&gt;&lt;/div&gt;
	&lt;/div&gt;
	&lt;p class=&quot;clear&quot;&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code>	
</pre>
</div></div>
</body>
</html>
